<template>
    <div class="solutionIndex">
        <!-- 头部 -->
        <InsideHeader :bannerType="bannerType"></InsideHeader>
       
        <!-- 面包屑 --> 
        <!-- <crumb></crumb> -->
        <div class="crumb">
            <div class="block">  
                <div class="crumbL">
                    <nuxt-link :to="{name: 'index'}">首页</nuxt-link>
                    <em>></em>
                    <nuxt-link :to="{name: 'solution-solutionIndex'}" class="on">解决方案</nuxt-link>
                    <div class="clear"></div>
                </div>
                <div class="crumbR">
                    <nuxt-link :to="{name: 'solution-solutionDetails'}">e-F@ctory </nuxt-link>
                    <nuxt-link :to="{name: 'solution-ctory'}">e-F@ctory Alliance</nuxt-link>
                    <a href="#">产品解决方案</a>
                    <nuxt-link :to="{name: 'solution-industryScheme'}">行业解决方案</nuxt-link>
                    <a href="#">课题解决方案</a>
                    <nuxt-link :to="{name: 'solution-solutionLead'}">导入事例</nuxt-link>
                    <div class="clear"></div>
                </div>
                <div class="clear"></div>
            </div>
        </div>

        <div class="block">
            <div class="content">
                <div class="title">
                    <span>
                        解决方案
                    </span> 
                </div>
                <ul class="solutionTitle">
                    <li class="left">
                        <img src="../../static/newsImg/14.jpg" alt="新一代制造即将翻开全新的篇章。">
                    </li>
                    <li class="right">
                        <div class="mode">
                            <p class="title">新一代制造即将翻开全新的篇章。</p>
                            <img src="../../static/newsImg/solutionIndex2.jpg">
                            <p>
                                三菱电机提出的“e-F@ctory”是通过人、机械、IT合作下的高效且灵活的制造，以及生产现场和供应链、工程链整体的最优化，实现“新一代制造”。
                            </p>
                            <p>
                                通过与e-F@ctory Alliance合作伙伴的合租，提供各个行业的整体解决方案。
                            </p>
                            <div class="introduce">
                                e-F@ctory引入的优点
                            </div>
                            <ul>
                                <li v-for="item in list" :key="item">
                                    <p>{{item}}</p>
                                </li>
                            </ul>
                        </div>
                    </li>
                    <div class="clear"></div>
                </ul>

                <div class="provide">
                    <div class="title">
                        三菱电机提供的解决方案
                    </div>
                    <ul class="provideTop">
                        <li>
                            <div>
                                <p>e-F@cory</p>
                            </div>
                            <ul class="list">
                                <li> <nuxt-link :to="{name: 'solution-solutionDetails'}">什么是e-F@ctory </nuxt-link> </li>
                                <li><a href="">FA整合网络</a></li>
                                <li><nuxt-link :to="{name: 'solution-solutionIdea'}">FA-IT信息协同</nuxt-link></li>
                                <li><a href="">节能</a></li>
                                <li><a href="">iQ Platform</a></li>
                                <div class="clear"></div>
                            </ul>
                        </li>
                        <li class="right">
                            <div>
                                <p>产品解决方案</p>
                            </div>
                            <ul class="list">
                                <li><a href="">机器人解决方案  </a> </li>
                                <li><a href="">开放式工业网络 CC-Link IT TSN</a></li>
                                <li><a href="">iQ Monozukuri</a></li>
                                <li><a href="">加工机远程服务 iQ care Remote4u</a></li>
                                <li><a href="">产品解决方案</a></li>
                                <div class="clear"></div>
                            </ul>
                        </li>
                        <div class="clear"></div>
                    </ul>

                    <ul class="provideBottom">
                        <li>
                            <ul class="modu">
                                <li>
                                    <div>
                                        <p><nuxt-link :to="{name: 'solution-ctory'}">e-F@ctory Alliance</nuxt-link></p>
                                    </div>
                                    <ul>
                                        <li><a href="">e-F@ctory Alliance</a></li>
                                        <div class="clear"></div>
                                    </ul>
                                </li>
                                <li class="right">
                                    <div>
                                        <p><nuxt-link :to="{name: 'solution-industryScheme'}">行业解决方案</nuxt-link></p>
                                    </div>
                                    <ul>
                                        <li><a href="">汽车制造</a></li>
                                        <li><a href="">食品/药品/化妆品</a></li>
                                        <li><a href="">智能手机/平板</a></li>
                                        <li><a href="">社会基础设施</a></li>
                                        <div class="clear"></div>
                                    </ul>
                                </li>
                                <div class="clear"></div>
                            </ul> 
                        </li>
                        <li class="right"> 
                            <ul class="modu">
                                <li>
                                    <div>
                                        <p>课题解决方案</p>
                                    </div>
                                    <ul>
                                        <li><nuxt-link :to="{name: 'solution-solutionDetailsKzs'}">可追溯性强化</nuxt-link></li>
                                        <li><nuxt-link :to="{name: 'solution-solutionDetailsJn'}">节能</nuxt-link></li>
                                        <li><nuxt-link :to="{name: 'solution-solutionDetailsYf'}">预防维护</nuxt-link></li>
                                        <li><nuxt-link :to="{name: 'solution-solutionDetailsTg'}">提高生产效率</nuxt-link></li>
                                        <li><nuxt-link :to="{name: 'solution-solutionDetailsPz'}">提高产品品质</nuxt-link></li>
                                        <div class="clear"></div>
                                    </ul>
                                </li>
                                <li class="moduRight">
                                    <div>
                                        <p><nuxt-link :to="{name: 'solution-solutionLead'}">导入实例</nuxt-link></p>
                                    </div>
                                    <ul>
                                        <li><a href="">提高耐久性</a></li>
                                        <li><a href="">提高生产管理终端可靠性</a></li>
                                        <li><a href="">消减能源使用量</a></li>
                                        <li><a href="">生产实绩可视化</a></li>
                                        <li><a href="">提高生产效率质量</a></li>
                                        <li><a href="">实现少量多批生产</a></li>
                                        <div class="clear"></div>
                                    </ul>
                                </li>
                                <div class="clear"></div>
                            </ul>
                        </li>
                        <div class="clear"></div>
                    </ul>
                </div>
            </div>
        </div>

        <!-- 链接 -->
        <Insidelink></Insidelink>

        <!-- 底部 -->
        <HomeHooter></HomeHooter>
    </div>
</template>

<script>
    import $ from "jquery";
    import "@/assets/css/news.css";
    import InsideHeader from "@/components/head";
    import HomeHooter from "@/components/footer";
    import crumb from "@/components/crumb";
    import Insidelink from "@/components/link";
    export default {
        name: "solutionIndex",
        components: {
            InsideHeader,
            HomeHooter,
            crumb,
            Insidelink,
        },
        data(){
            return{
                bannerType:'solution',
                list:[
                    '能够应对变种变量生产',
                    '通过预防和保全提高运转率',
                    '通过倾向分析提高质量',
                    '实现跟踪',
                    '通过远程维护削减维护成本',
                    '兼顾节能和生产率'
                ],
            }
        }
    }
</script>

<style scoped>

</style>
